const path = require('path')
const htmlWebpackPlugin =require('html-webpack-plugin')

module.exports={
    //入口
entry:path.join(__dirname, './src/main.js'),
    //出口
output:{
    path:path.join(__dirname, './dist'),
    filename:'bundle.js'
},
//开发模式
mode: 'development',
plugins:[
    new htmlWebpackPlugin({
        template: path.join(__dirname, './src/index.html'),
        filename:'index.html'
    })
],
module:{
    rules:[
        {test:/\.css$/,use:['style-loader','css-loader']},
        {test:/\.(jpg|png|gif|bmp|jpeg)$/,use:'url-loader?name=[hash:8]-[name].[ext]'},
        {test:/\.(ttf|eot|woff|woff2|svg)$/,use:'url-loader'},
        {test:/\.js$/,use:'babel-loader',exclude:/node_modules/},
        {test:/\.vue$/,use:'vue-loader'},
    ]
},
resolve:{
    alias:{
        "vue$":"vue/dist/vue.js"
    }
}

}
